<template>
    <!-- 详情开始 -->
    <a-modal
      :maskClosable="false"
      title="框架合同档案详情"
      :width="1350"
      :bodyStyle="{
        padding: '0 24px'
      }"
      :visible="visible"
      @cancel="handleCancel"
      cancelText="关闭">
      <ErpOmcContractManagerDetailForm ref="realForm" :disabled="true" normal/>
      <!-- <div>
        <a-tabs :default-active-key="1">
          <a-tab-pane :key="1" tab="申请记录">
            <ErpApplicationRecord ref="contractManagerList" :disabledButton="false"/>
          </a-tab-pane>
        </a-tabs>
      </div> -->
      <template slot="footer">
        <a-button @click.stop="handleCancel">关闭</a-button>
      </template>
    </a-modal>
    <!-- 详情结束 -->
  </template>
  
  <script>
  
    import { getAction } from '@/api/manage'
    import ErpApplicationRecord from '@/views/erp/omc/contractmanager/ErpApplicationRecord'
    import ErpOmcContractManagerDetailForm from '@/views/erp/omc/contractmanager/modules/ErpOmcContractManagerDetailForm'
  
    export default {
      name: 'SelectContractFrameworkPenetrate',
      components: {
        ErpApplicationRecord,
        ErpOmcContractManagerDetailForm
      },
      props: [],
      data() {
        return {
          title: '框架合同档案详情',
          url: {
            // queryById: '/api/erp/omc/contractmanager/erpOmcContractManagerFinal/queryById',
            queryById: '/api/erp/omc/contractmanager/erpOmcContractManagerFinal/queryById',
          },
          dataSource: [],
          loading: false,
          visible: false,
        }
      },
      created() {
        // 加载数据字典信息
        this.initDictConfig();
      },
      computed: {
      },
      methods: {
        initDictConfig() {
        },
        // 加载表单
        initData(id){
          getAction(this.url.queryById,{id:id}).then(res=>{
            if(!!res&&!!res.result){
              this.$refs.realForm.edit(res.result);
                // this.$nextTick(()=>{
                //     this.$refs.contractManagerList.loadData();
                // })
            }
          })
        },
        refresh() {
          this.loading = true
        },
        handleCancel() {
          this.visible = false;
        },
        handleOk() {
          this.handleCancel();
        },
      }
    }
  </script>
  <style scoped>
    .ant-card-body .table-operator {
      margin-bottom: 18px;
    }
  
    .ant-table-tbody .ant-table-row td {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    .anty-row-operator button {
      margin: 0 5px
    }
  
    .ant-btn-danger {
      background-color: #ffffff
    }
  
    .ant-modal-cust-warp {
      height: 100%
    }
  
    .ant-modal-cust-warp .ant-modal-body {
      height: calc(100% - 110px) !important;
      overflow-y: auto
    }
  
    .ant-modal-cust-warp .ant-modal-content {
      height: 90% !important;
      overflow-y: hidden
    }
  
    .anty-img-wrap {
      height: 25px;
      position: relative;
    }
  
    .anty-img-wrap > img {
      max-height: 100%;
    }
  
  </style>